<template>
	<view class="ayi-page tab-page">
		<navigation :isBack="false" :title="title">
			<text slot="back" v-if="typeData.settlement || typeData.report" @click="toUnSettlement()" class="iconfont">&#xe63d;</text>
			<text slot="iconfont" v-if="typeData.report" class="iconfont">&#xe789;</text>
			<view slot="string" v-if="typeData.report">
				<picker class="pick" @change="bindSelectPlatform" :value="selectGameIndex" :range="gamePickName">
					<text class="uni-input" v-if="selectGameIndex != -1">{{ gamePickName[selectGameIndex] }}</text>
					<text class="uni-input" v-if="selectGameIndex == -1">{{ selectName }}</text>
				</picker>
			</view>
		</navigation>
		<!-- 未结明细 -->
		<view v-if="typeData.unsettlement">
			<view class="report-header">
				<view class="r-list-1 r-list">注单号</view>
				<view class="r-list-2 r-list">类型</view>
				<view class="r-list-3 r-list">玩法</view>
				<view class="r-list-4 r-list">下注</view>
				<view class="r-list-5 r-list">可赢</view>
			</view>
			<view class="report-list" v-for="(item, index) in openList" :key="index">
				<view class="r-list-1 r-list">
					<text class="text-blue">{{ ordernodeal(item.show_id, datestr(item.created)) }}</text>
					<text>{{ datestr(item.created) }}</text>
					<text>{{ datestr(item.created, 't') }}</text>
				</view>
				<view class="r-list-2 r-list">
					<text>{{ item.toplotname }}</text>
					<text class="text-blue">第{{ item.cycleid }}期</text>
					<text class="text-blue">盘口{{ item.region }}</text>
				</view>
				<view class="r-list-3 r-list">
					<view class="lotname-v">
						<text class="text-blue" v-if="!empty(item.lotname)">{{ item.lotname }}/</text>
						<rich-text class="text-blue" :nodes="item.depiction"></rich-text>
						<text class="text-blue">@</text>
					</view>
					<view>
						<text class="text-red">{{ item.rate }}</text>
					</view>
				</view>
				<view class="r-list-4 r-list">
					<text>{{ decimal(item.cash) }}</text>
				</view>
				<view class="r-list-5 r-list">
					<text :class="{ gree: !isnegative(item.result2), red: isnegative(item.result2) }">{{ decimal(item.result2) }}</text>
				</view>
			</view>
			<view class="report-num">
				<view class="r-n-num">
					<text class="span">注数</text>
					<text class="span" style="color:#1749af">{{ sum.cnt }}</text>
				</view>
				<view class="r-n-money">
					<text class="span">下注金额(总计)</text>
					<text class="span">{{ decimal(sum.cash) }}</text>
				</view>
				<view class="r-n-v">
					<text class="span">可赢(总计)</text>
					<text class="span" :class="{ gree: !isnegative(sum.result), red: isnegative(sum.result) }">{{ decimal(sum.result) }}</text>
				</view>
			</view>
			<view class="report-footer">
				<view class="r-footer-left" @click="toSettlement()">
					<text class="iconfont">&#xe70a;</text>
					今日已结
				</view>
				<view class="r-footer-right" @click="toReport()">
					<text class="iconfont">&#xe626;</text>
					报表查询
				</view>
			</view>
			<text class="loading-text">{{ loadingOneType === 0 ? contentText.contentdown : loadingOneType === 1 ? contentText.contentrefresh : contentText.contentnomore }}</text>
		</view>
		<!-- 今日已结 -->
		<view v-if="typeData.settlement">
			<view class="report-header">
				<view class="r-list-1 r-list">注单号</view>
				<view class="r-list-2 r-list">类型</view>
				<view class="r-list-3 r-list">玩法</view>
				<view class="r-list-4 r-list">下注</view>
				<view class="r-list-5 r-list">输赢</view>
			</view>
			<view class="report-list" v-for="(item, index) in closedList" :key="index">
				<view class="r-list-1 r-list">
					<text class="text-blue">{{ ordernodeal(item.show_id, dealDate) }}</text>
					<text>{{ datestr(item.created) }}</text>
					<text>{{ datestr(item.created, 't') }}</text>
				</view>
				<view class="r-list-2 r-list">
					<text>{{ item.toplotname }}</text>
					<text class="text-blue">第{{ item.cycleid }}期</text>
					<text class="text-blue">盘口{{ item.region }}</text>
				</view>
				<view class="r-list-3 r-list">
					<view class="lotname-v">
						<text class="text-blue" v-if="!empty(item.lotname)">{{ item.lotname }}/</text>
						<rich-text class="text-blue" :nodes="item.depiction"></rich-text>
						<text class="text-blue">@</text>
					</view>
					<view>
						<text class="text-red">{{ item.rate }}</text>
					</view>
				</view>
				<view class="r-list-4 r-list">
					<text>{{ decimal(item.cash) }}</text>
				</view>
				<view class="r-list-5 r-list">
					<text :class="{ gree: !isnegative(item.result2), red: isnegative(item.result2) }">{{ decimal(item.result2) }}</text>
				</view>
			</view>
			<view class="report-num  report-num-ts">
				<view class="r-n-num">
					<text class="span">注数</text>
					<text class="span" style="color:#1749af">{{ sum.cnt }}</text>
				</view>
				<view class="r-n-money">
					<text class="span">下注金额(总计)</text>
					<text class="span">{{ decimal(sum.cash) }}</text>
				</view>
				<view class="r-n-v">
					<text class="span">结果(总计)</text>
					<text class="span" :class="{ gree: !isnegative(sum.result), red: isnegative(sum.result) }">{{ decimal(sum.result) }}</text>
				</view>
			</view>
			<text class="loading-text">{{ loadingType === 0 ? contentText.contentdown : loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore }}</text>
		</view>
		<!-- 报表查询 -->
		<view v-if="typeData.report">
			<view class="report-header-d">
				<view class="report-header-start">
					<picker mode="date" :value="startPropertyData" :start="startDate" :end="endDate" @change="bindStartDateChange">
						<view class="report-select-time">
							<view class="r-s-t-style">
								<text>{{ startPropertyData }}</text>
								<text class="iconfont">&#xe66c;</text>
							</view>
						</view>
					</picker>
				</view>
				<view class="report-header-end">
					<picker mode="date" :value="endPropertyData" :start="startDate" :end="endDate" @change="bindEndDateChange">
						<view class="report-select-time">
							<view class="r-s-t-style">
								<text>{{ endPropertyData }}</text>
								<text class="iconfont">&#xe66c;</text>
							</view>
						</view>
					</picker>
				</view>
			</view>
			<view class="report-search"><view class="r-search-btn" @click="onSearch()">查询</view></view>
			<view v-if="selectPlatformID != '-1'">
				<view class="report-list-contain">
					<view class="report-item">
						<view class="r-item-v">日期</view>
						<view class="r-item-v">下注数量</view>
						<view class="r-item-v">有效金额</view>
						<view class="r-item-v">输赢金额</view>
					</view>
					<view class="report-item" v-for="(item, index) in thirdList" :key="index" @click="toReportThirdlist(item)">
						<view class="r-item-v">{{ item.report_date }}</view>
						<view class="r-item-v" style="color: #459df5;">{{ item.num }}</view>
						<view class="r-item-v">{{ decimal(item.bets) }}</view>
						<view class="r-item-v" :class="{ gree: !isnegative(item.payouts), red: isnegative(item.payouts) }">{{ decimal(item.payouts) }}</view>
					</view>
				</view>
			</view>
			<view v-if="selectPlatformID == '-1'">
				<view class="report-list-contain">
					<view class="report-item">
						<view class="r-item-v">日期</view>
						<view class="r-item-v">注数</view>
						<view class="r-item-v">下注金额</view>
						<view class="r-item-v">盈亏</view>
					</view>
					<view class="report-item" v-for="(item, index) in list" :key="index" @click="toReportlist(item.date)">
						<view class="r-item-v">{{ item.date }}</view>
						<view class="r-item-v" style="color: #459df5;">{{ item.cnt }}</view>
						<view class="r-item-v">{{ decimal(item.cashsum) }}</view>
						<view class="r-item-v" :class="{ gree: !isnegative(item.resultsum), red: isnegative(item.resultsum) }">{{ decimal(item.resultsum) }}</view>
					</view>
				</view>
				<view class="report-num report-num-ts">
					<view class="report-item">
						<view class="r-item-v">总计</view>
						<view class="r-item-v" style="color:#459df5">{{ sum.cnt }}</view>
						<view class="r-item-v">{{ decimal(sum.cash) }}</view>
						<view class="r-item-v" :class="{ gree: !isnegative(sum.result), red: isnegative(sum.result) }">{{ decimal(sum.result) }}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { Tools, Config, URL, Net, VueTools } from '@/common/tools.js';
import navigation from '@/components/navigation.vue';
import Tabbar from '@/components/tabbar.vue';
export default {
	components: {
		Tabbar,
		navigation
	},
	data() {
		const currentDate = this.getDate({
			format: true
		});
		return {
			dealDate: '', //处理后的日期格式 2019-05-20为190520
			list: [],
			sum: { cnt: 0, cash: 0, result: 0 },
			minValue: '2019-01-01',
			typeData: { unsettlement: true, report: false, settlement: false },
			openList: [], //未结的数据
			closedList: [], //今日已结
			showBack: false, //未结明细是否显示返回到彩票详细页面中
			title: '未结明细', //导航的标题
			startPropertyData: currentDate,
			endPropertyData: currentDate,

			//加载更多的相关属性
			pageOneNum: 1, //未结明细的页码
			pageNum: 1, //今日已结页码
			loadingOneType: 0, //未结明细
			loadingType: 0, //今日已结
			contentText: {
				contentdown: '上拉显示更多',
				contentrefresh: '正在加载...',
				contentnomore: '没有更多数据了'
			},

			//第三方游戏
			gameName: [], //第三方的游戏的名称
			gamePickName: [], //picker选中的数组
			selectGameIndex: -1,
			selectName: '万漉会',
			selectPlatformID: '-1',
			thirdList: [], //查询出第三方的报表数据信息
			isThird: false
		};
	},
	onLoad() {
		this.isThird = Config.is3rd;
		this.dealDate = Tools.getNowFormatDate()
			.substr(2)
			.replace(/-/g, '');
		//this.toUnSettlement();
	},
	methods: {
		/**
		 * 今日已结
		 */
		toSettlement() {
			this.typeData = { unsettlement: false, report: false, settlement: true };
			this.title = '今日已结';
			this.pageNum = 1;
			this.lementNet(1);
		},
		/**
		 * 报表查询
		 */
		toReport() {
			this.typeData = { unsettlement: false, report: true, settlement: false };
			this.title = '报表查询';
			this.sum = { cnt: 0, cash: 0, result: 0 };
			if (this.gamePickName.length <= 0) {
				this.getSelectOption();
			}
		},
		/**
		 * 显示未结算
		 */
		toUnSettlement() {
			this.typeData = { unsettlement: true, report: false, settlement: false };
			this.pageOneNum = 1;
			this.title = '未结明细';
			this.lementNet(0);
		},
		lementNet(is_hit, isMore = false) {
			let that = this;
			let page = 0;
			if (is_hit == '0') {
				page = this.pageOneNum;
			} else if (is_hit == '1') {
				page = this.pageNum;
			}
			let obj = '{"is_hit":"' + is_hit + '","page":"' + page + '","pageSize":"20"}';
			Net.ayiHttp(
				URL.LOTSGAM_ORDERDETAIL,
				obj,
				function(res) {
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						let tt = Tools.aesDecodeToJson(res.data);
						if (isMore) {
							//上拉更多
							console.log('加载更多');
							if (is_hit == '0') {
								that.openList = that.openList.concat(tt.list);
								that.loadingOneType = 0;
							} else if (is_hit == '1') {
								that.closedList = that.closedList.concat(tt.list);
								that.loadingType = 0;
							}
							if (tt.list.length < 20) {
								if (is_hit == '0') {
									that.loadingOneType = 2;
								} else if (is_hit == '1') {
									that.loadingType = 2;
								}
								return;
							}
						} else {
							//第一次进入
							console.log('第一次进入...');
							if (is_hit == '0') {
								that.openList = tt.list;
							} else if (is_hit == '1') {
								that.closedList = tt.list;
							}
						}
						console.log('加载完成的数据显示==================', tt);
						that.sum = tt.sum;
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
					uni.stopPullDownRefresh();
				},
				function(err) {
					console.log('error:', err);
					uni.stopPullDownRefresh();
				}
			);
		},
		onSearch() {
			this.$store.commit('isLogin');
			if (!this.$store.state.userinfoStore.isLogin) {
				if (!Config.is3rd) {
					uni.switchTab({
						url: '/pages/home/home'
					});
				} else {
					uni.switchTab({
						url: '/pages/home/home3rd'
					});
				}
				return;
			}

			if (this.selectPlatformID == '-1') {
				//彩票的报表查询
				let comRes = Tools.compareDate(this.startPropertyData.substr(0, 10), this.endPropertyData.substr(0, 10));
				if (!comRes) {
					VueTools.toastNo('开始时间应该小于结束时间');
					return;
				}
				this.reportNet(this.startPropertyData.substr(0, 10), this.endPropertyData.substr(0, 10));
			} else {
				this.report3rdNet();
			}
		},
		reportNet(startTime, endTime) {
			let that = this;
			let obj = '{"sdate":"' + startTime + '","edate":"' + endTime + '"}';
			Net.ayiHttp(
				URL.USER_ORDERHIST,
				obj,
				function(res) {
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						let data = Tools.aesDecodeToJson(res.data);
						console.log('xxxxxxxxxxxxxxx', data);
						if (Tools.isEmpty(data.list)) {
							VueTools.toastNo('暂时没有查询到数据');
							return;
						}
						that.list = data.list;
						that.sum = data.sum;
						console.log('未结总额:', data.sum);
						console.log(data);
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					console.log('error:', err);
				}
			);
		},
		/**
		 * 第三方游戏的报表列表数据
		 */
		report3rdNet() {
			if (this.selectPlatformID == '-1') {
				return;
			}
			let that = this;
			let obj = '{"platformId":"' + this.selectPlatformID + '","sdate":"' + this.startPropertyData.substr(0, 10) + '","edate":"' + this.endPropertyData.substr(0, 10) + '"}';
			Net.ayiHttp(
				URL.THIRD_REPORTLIST,
				obj,
				function(res) {
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						let data = Tools.aesDecodeToJson(res.data);
						if (!Tools.isEmpty(data)) {
							that.thirdList = data;
						}
						console.log('第三方的报表的列表的数据--', data);
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					console.log('error:', err);
				}
			);
		},
		toReportlist(date) {
			let param = '{"sdate":"' + date + '"}';
			this.navigateToSigleUrl('/pages/report/reportlist/reportlist?p=' + encodeURIComponent(Tools.paramAESEncrypt(param)));
		},
		toReportThirdlist(item) {
			if (Config.is3rd) {
				let param = '{"sdate":"' + item.report_date + '","pid":"' + this.selectPlatformID + '","t":"' + true + '"}';
				this.navigateToSigleUrl('/pages/report/reportlist/reportlist?p=' + encodeURIComponent(Tools.paramAESEncrypt(param)));
			} else {
				VueTools.toastNo('非法进入请重试');
			}
		},
		/**
		 * 选择开始的时间
		 */
		bindStartDateChange(e) {
			this.startPropertyData = e.target.value;
		},
		/**
		 * 选择结束的时间
		 */
		bindEndDateChange(e) {
			this.endPropertyData = e.target.value;
		},
		getDate(type) {
			const date = new Date();
			let year = date.getFullYear();
			let month = date.getMonth() + 1;
			let day = date.getDate();
			if (type === 'start') {
				year = year - 60;
			} else if (type === 'end') {
				year = year + 2;
			}
			month = month > 9 ? month : '0' + month;
			day = day > 9 ? day : '0' + day;
			return `${year}-${month}-${day}`;
		},
		/**
		 * 订单中里面的时间给剔除
		 */
		ordernodeal(value, date) {
			let args = date.substr(2) + '';
			args = args.replace(/-/g, '');
			let reg = new RegExp(args, 'g');
			return value.replace(reg, '');
		},
		getSelectOption() {
			let that = this;
			Net.ayiHttp(
				URL.THIRD_GETPLATFORMNAMES,
				'{}',
				function(res) {
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						let data = Tools.aesDecodeToJson(res.data);
						that.gameName = [];
						that.gamePickName = [];
						if (!Tools.isEmpty(data) && data.length >= 1) {
							data.push({ id: '-1', platform_name: '万漉会' });
							that.gameName = data;
							for (let item in that.gameName) {
								that.gamePickName.push(that.gameName[item]['platform_name']);
							}
						}
						console.log('拼接后获取游戏平台的名称--', that.gameName);
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					console.log('error:', err);
				}
			);
		},
		bindSelectPlatform(e) {
			let tempIndex = e.target.value;
			if (tempIndex == -1) {
				this.selectGameIndex = 0;
				this.selectPlatformID = this.gameName[0]['id'];
				return;
			}
			this.selectGameIndex = tempIndex;
			this.selectPlatformID = this.gameName[tempIndex]['id'];
		}
	},
	onUnload() {},
	onTabItemTap(option) {
		if (this.$store.state.tabbar_now_index != 1 || this.$store.state.tabbar_now_index != '1') {
			// #ifdef APP-PLUS
			this.Tab.getInstance().show();
			// #endif
			this.$store.commit('setTabbarIndex', option.index);
			uni.$emit('clearMenuTimer');
			uni.$emit('isClearTimeOut', { isClear: true });
			let isLogin = VueTools.getStorageSync(Config.IS_LOGIN_STORE_KEY);
			if (!Tools.isEmpty(isLogin) && (isLogin == '1' || isLogin == 1)) {
				console.log('需要去登陆report');
				return;
			}
		}
	},
	computed: {
		startDate() {
			return this.getDate('start');
		},
		endDate() {
			return this.getDate('end');
		}
	},
	onReachBottom() {
		if (this.typeData.unsettlement) {
			if (this.loadingOneType != 0) {
				return;
			}
			this.loadingOneType = 1;
			this.pageOneNum++;
			this.lementNet(0, true);
		}
		if (this.typeData.settlement) {
			if (this.loadingType != 0) {
				return;
			}
			this.loadingType = 1;
			this.pageNum++;
			this.lementNet(1, true);
		}
	},
	onPullDownRefresh() {
		if(this.typeData.report){
			uni.stopPullDownRefresh();
			return;
		}
		if (this.typeData.unsettlement) {
			this.loadingOneType = 0;
			this.pageOneNum = 1;
			this.lementNet(0);
		}
		if (this.typeData.settlement) {
			this.loadingType = 0;
			this.pageNum = 1;
			this.lementNet(1);
		}
	}
};
</script>

<style lang="scss">
.report-header {
	height: 80rpx;
	border-bottom: 1px solid #a4a4a4;
	.r-list {
		font-size: 24rpx;
		padding: 0;
		color: #666;
		text-align: center;
		font-weight: 700;
		line-height: 80rpx;
	}
}
.report-list {
	border-bottom: 1px solid #e8e9ec;
	padding: 10px 0px;
	.r-list {
		font-size: 20rpx;
		span {
			display: block;
			text-align: center;
		}
	}
}
.report-header,
.report-list {
	display: flex;
	justify-content: center;
	align-items: center;
	.r-list {
		display: block;
		&.r-list-1 {
			width: 187.5rpx;
			padding: 0px 8rpx;
			display: flex;
			flex-direction: column;
			text-align: center;
			word-wrap: break-word;
			word-break: break-all;
		}
		&.r-list-2 {
			width: 187.5rpx;
			padding: 0px 8rpx;
			word-wrap: break-word;
			word-break: break-all;
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		&.r-list-3 {
			width: 125rpx;
			padding: 0px 8rpx;
			display: flex;
			flex-direction: column;
			word-wrap: break-word;
			word-break: break-all;
			text-align: center;
			.lotname-v {
				display: flex;
				flex-direction: row;
				text-align: center;
				word-break: break-all;
				text-align: center;
				flex-wrap: wrap;
			}
		}
		&.r-list-4 {
			width: 125rpx;
			padding: 0px 8rpx;
			word-wrap: break-word;
			word-break: break-all;
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		&.r-list-5 {
			width: 125rpx;
			padding: 0px 8rpx;
			word-wrap: break-word;
			word-break: break-all;
			display: flex;
			flex-direction: column;
			text-align: center;
		}
	}
}
//报表查询
.report-header-d {
	height: 80rpx;
	padding: 20rpx 0rpx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #a4a4a4;
	.report-header-start {
		width: 375rpx;
	}
	.report-header-end {
		width: 375rpx;
	}
	.report-select-time {
		font-size: 24rpx;
		color: #666;
		font-weight: bold;
		.iconfont {
			font-weight: 100;
			margin-left: 16rpx;
		}
	}
	.report-select-time {
		text-align: center;
		.r-s-t-style {
			display: inline-block;
			padding: 16rpx;
			border-radius: 20rpx;
			border: 1px solid #d6d4d5;
		}
	}
}
.report-search {
	padding: 20rpx 60rpx;
	border-bottom: 10px solid #efefef;
	.r-search-btn {
		height: 60rpx;
		background: #ff6565;
		color: #fff;
		font-size: 26rpx;
		text-align: center;
		line-height: 60rpx;
		border-radius: 60rpx;
	}
}
.report-list-contain{
	margin-bottom: 60rpx;
}
.report-list-contain,
.report-num-ts {
	.report-item {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid #e8e9ec;
		font-size: 24rpx;
		height: 60rpx;
		word-wrap: break-word;
		word-break: break-all;
		.r-item-v {
			width: 187.5rpx;
			text-align: center;
		}
	}
}
.report-num-ts {
	.report-item {
		border-bottom: none;
	}
}
// 统计的数据
.report-num {
	display: flex;
	text-align: center;
	height: 80rpx;
	align-items: center;
	position: fixed;
	bottom: calc(var(--window-bottom) + 88rpx);
	width: 100%;
	border-top: 1px solid #e8e9ec;
	background: #fff;
	&.report-num-ts {
		bottom: calc(var(--window-bottom)) !important;
	}
	.r-n-num {
		flex: 2;
	}
	.r-n-money {
		flex: 5;
	}
	.r-n-v {
		flex: 5;
	}
	.r-n-num,
	.r-n-money,
	.r-n-v {
		display: block;
	}
	.span {
		font-size: 24rpx;
		display: block;
	}
}
.report-footer {
	position: fixed;
	height: 88rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	bottom: calc(var(--window-bottom));
	font-size: 32rpx;
	color: #fff;
	.r-footer-left {
		flex: 187.5;
		background: #ff6565;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		.iconfont {
			font-size: 76rpx;
		}
	}
	.r-footer-right {
		flex: 187.5;
		height: 100%;
		background: #00a0e9;
		display: flex;
		justify-content: center;
		align-items: center;
		.iconfont {
			font-size: 68rpx;
		}
	}
	.iconfont {
		padding-right: 10rpx;
	}
}
.loading-text {
	height: 80rpx;
	line-height: 80rpx;
	font-size: 30rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.text-blue {
	color: #1749af;
}
.text-red {
	color: #ff6565;
}
//输赢值得颜色
.red {
	color: #ff0000;
}
.gree {
	color: #00cc00;
}
</style>
